<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="#">
    <script type="module" src="./18-import.js">

        /* 
         1. script 标签默认 type='text/javascript' , 需要改为 type='module'
         2. VSCode 安装一个扩展 Live Server.
            跨域请求只支持这些协议 : http, data, chrome,chrome-extension,chrome-untrusted,https, 而我们的协议 file ，这里我们需要本地起一个服务器来作为资源的提供方，
         3. 页面右键选择 Open with Live Server
        */
       /* 
       模块化 ： 将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来，
       好处：  避免命名的冲突，提高代码的复用，解决文件之间的依赖关系，
       模块 module ， 组件 Component
       url： 协议：主机名：port/path?key=value&key=value
       协议，域名，端口号都相同，只要有一个不相同，那么都是非同源
       
       */

       console.log(age);
    </script>
</head>
<body>
    
</body>
</html>